
@import url("jquery-ui-theme/theme.css"); /* default theme is 'smoothness'. see http://jqueryui.com/themeroller */

.clear { clear: both; }

body { font-family: Verdana, Geneva, Arial, sans-serif; font-size: small; margin: 0; padding: 0; }

a img { border: 0; }

a:link { text-decoration: none; }
a:visited { color: blue; text-decoration: none; }
a:hover { text-decoration: underline; }

/*
.fieldLabel a { color: black }
.fieldEmbeddedLabel a { color: black }
*/

h1 { color: #cc0000; margin: 0px; padding-bottom: 5px; font-size: 180%; }

ul, p, form { margin: 0; }

p { padding: 5px; }

table td { vertical-align: top; }
table th { text-align: left; }

span.comment { color: #999; }
span.emphasis { font-weight: bold;}
span.italic { font-style: italic;}

/* form components */
select, input, textarea { font-size: 90%; font-family: Verdana, Geneva, Arial, sans-serif; }
select, option { max-width: 500px; }

/* header */
#header { 
  background-image: url('../ontopoly.images.ImageResource/headerbg.gif'); 
}

#startPageHeaderFiller {
  height: 60px;
}

#header a:link { color: white; margin: 0px; padding: 0px; }
#header a:visited { color: white; margin: 0px; padding: 0px; }
#header a:hover { color: white; text-decoration: underline; margin: 0px; padding: 0px; }

#header #topRightMenuContainer { padding: 15px 0 0 15px; text-align: right;	}
#header #topRightMenu { background-image: url('../ontopoly.images.ImageResource/topmenubg.gif'); color: white; float: right; height: 25px; margin: 0; text-align: right; white-space: nowrap; }

/* menu tabs */
#header #tabMenuContainer { float: left; height: 66px; }
#header #outer-outer-tabMenu { padding-top: 32px; }
#header #outer-tabMenu { height: 34px; }
#header #tabMenu { float: left; font-size: 93%; line-height: normal; }
#header #tabMenu ul { list-style: none; margin: 0; padding: 10px 10px 0; }
#header #tabMenu li { background: url("../ontopoly.images.ImageResource/tab_first_inactive_left.gif") no-repeat left top; float: left; margin: 0; padding: 0 0 0 13px; }
#header #tabMenu a { background: url("../ontopoly.images.ImageResource/tab_last_inactive_right.gif") no-repeat right top; display: block; float: left; padding: 5px 15px 5px 1px; }

#header #tabMenu a:link, #tabMenu a:visited, #tabMenu a:hover, #tabMenu a:active {color: black; text-decoration: none;}
#header #tabMenu a:hover {text-decoration: underline;}
#header #tabMenu .selected { background-image: url("../ontopoly.images.ImageResource/tab_first_active_left.gif"); padding: 0 0 0 13px; }
#header #tabMenu .selected a { background-image: url("../ontopoly.images.ImageResource/tab_mid_active_right.gif");  }
  
/* popups */
.popupHeader { background-image: url('../ontopoly.images.ImageResource/topmenubg.gif'); }
.popupTitle { padding: 15px 0; border-bottom: dashed 1px #ccc; }
.popupBorder  { background-image: url('../ontopoly.images.ImageResource/contentbg.gif'); }
.popupContent  { margin-left: 8px; }

/* feedback messages */
ul .feedbackPanelERROR { list-style-type: none; margin-left: -20px; padding-bottom: 2px; }
li .feedbackPanelERROR { color: red; font-weight: bold; }

/* editing panel */
#editingPanel{ float: right; vertical-align: top; white-space: nowrap; font-size: 93%; border: solid 1px black; margin: 5px 5px 0 0; text-align: left; }
#editingPanel p { background-image: url('../ontopoly.images.ImageResource/contentbg.gif'); border-bottom: solid 1px black; margin: 0; padding: 1px; }
#editingPanel div { text-align: center; margin: 1px; padding: 2px; }
.tmfuncopen { background: url('../ontopoly.images.ImageResource/tmopen.gif') no-repeat left top; padding: 4px 10px 4px 21px; }
.tmfuncsave { background: url('../ontopoly.images.ImageResource/tmsave.gif') no-repeat left top; padding: 4px 10px 4px 21px; }

/* footer */
#footerleft, #footerright { background: black; color: white; padding: 8px 0; font-size: 130%; }
#footerleft a:link, #footerright a:link {color: white; font-weight: bold}
#footerleft a:visited, #footerright a:visited {color: white; font-weight: bold}
#footerleft a:hover, #footerright a:hover {color: white; text-decoration: underline; }

#footerright { float: right; }

#outer-footer { /* this is here to avoid a vertical scrollbar in MSIE 6.0 */ margin: 0; padding: 0;	} 
#footer { width: 100%; }
#footerTable { padding: 5px; background-color: black; color: white; }
#footerTable a { color: white; font-weight: bold; }

/* title container */
.titleContainer { padding: 7px 0; border-bottom: dashed 1px #ccc; width: 100%; float: left; clear: both; }
.titleContainer div { vertical-align: middle; }
.titleContainer .help { float: right; }
.titleContainer .help img { padding: 0 4px 0 0; }

/* sub menu */
.submenu { float: left; font-size: 93%; line-height: normal; }
.submenu ul { margin: 0; padding: 3px; list-style: none; }
.submenu li { float: left; margin: 0; padding: 0; }
.submenu a { display: block; padding-right: 4px;	}
.submenu a:link, .submenu a:visited, .submenu a:hover, .submenu a:active { color: blue; }
.submenu a:link, .submenu a:visited { text-decoration: none; }
.submenu a:hover .submenu a:active { text-decoration: underline; }
.submenu .selected a { color: black; }
.submenu .delimiter { background: url('../ontopoly.images.ImageResource/delimiter.gif') no-repeat left center; padding: 0 0 0 6px; }

/* footer menu */
#lowMenuContainer { background-color: white; border-top: solid 1px #ccc; margin-top: 12px; padding: 5px 10px; }
#lowmenu { float:left; font-size: 93%; line-height: normal; }
#lowmenu ul { margin: 0; padding: 0; list-style: none; }
#lowmenu li { float: left; margin: 0; padding: 0; }
#lowmenu a { display: block; padding-right: 4px;	}
#lowmenu a:link, #lowmenu a:visited, #lowmenu a:hover {color: blue; }
#lowmenu a:link, #lowmenu a:visited { text-decoration: none; }
#lowmenu a:hover #lowmenu a:active { text-decoration: underline; }
#lowmenu a:active { color: black; }
#lowmenu .delimiter { background: url('../ontopoly.images.ImageResource/delimiter.gif') no-repeat left center; padding: 0 0 0 6px; }

/* function boxes */
#functionBoxes { float: right; width: 250px; }
#functionBoxes #functionBoxesList { width: 100%; margin-top: 5px }
#functionBoxes #functionBoxesList .functionBox { width: 100%; margin: 0; padding: 0; background-color: rgb(230,230,230);}
#functionBoxes select, option  { max-width: 230px; }

/* lists */
.instancesPanel { float: left; margin-top: 10px; }

/* trees */
div.ontopoly-tree div.wicket-tree { border: none; overflow: auto;  width: auto; white-space: normal; margin: 2px; }
div.ontopoly-tree div.wicket-tree span.junction { background-image: url("../ontopoly.images.ImageResource/boxed.gif"); background-position: 0px center; background-repeat: no-repeat; }
div.ontopoly-tree div.wicket-tree span.junction-last { background-image: url("../ontopoly.images.ImageResource/boxed.gif"); background-position: 0px center; }
div.ontopoly-tree div.wicket-tree span.minus { background-image: url("../ontopoly.images.ImageResource/collapse.gif"); background-position: 0px center; }
div.ontopoly-tree div.wicket-tree span.plus { background-image: url("../ontopoly.images.ImageResource/expand.gif"); }
div.ontopoly-tree div.wicket-tree span.corner { background-image: none; background-position: 0px center; }
div.ontopoly-tree div.wicket-tree span.indent-line { background-image: none; width: 14px; }
div.ontopoly-tree div.wicket-tree div.a_ { width: auto; }
div.ontopoly-tree div.wicket-tree div.row { height: auto; }

a.treeLink { color: #999;}

/* field values */

table.fieldsTable {
  display: inline-table;
  table-layout: auto;
  border-spacing: 5px 3px; /*cellspacing:poor IE support for  this*/
  border-collapse: separate;
  margin-top: 5px;
}

table.fieldsTable table.fieldsTable {
  margin-top: 3px;
  margin-bottom: 2px;
  margin-right: 0px;
  border: 1px solid #666666;
	background-color: #eee;
}

td.fieldEmbeddedLabel {
 font-weight: bold;
}

td.fieldEmbeddedInstanceButtons {
  text-align: right;
}

/* .fieldValuesContainer .newFieldValue { background-color: yellow; padding: 4px; } */

.fieldValueContent { vertical-align: top; }
.fieldValueButtons { vertical-align: top; }

.naryRoleTable {display:inline-table; border: 1px dashed #999; padding: .2em; color: #333; vertical-align: top; margin-bottom: 2px; }

/* fields editor */

.fieldsEditor {
  display: block;
  float: left;
}
.fieldsEditor .delimiter { background: url('../ontopoly.images.ImageResource/delimiter.gif') no-repeat left center; padding: 0 0 0 6px; }

.fieldsEditorHeader {
  border-spacing:5px 3px;
  border-top:1px dotted #666666;
  margin:10px 0 0 5px;
  padding:5px 0 0;
}

.fieldsEditorExistingTable {
  display: inline-table;
  table-layout: fixed;
  border-spacing: 5px 3px; /*cellspacing:poor IE support for  this*/
  border-collapse: separate;
  width: auto;
  float: left;
  border: 1px solid #666666;
	background-color: #eee;
  margin: 10px 0px 0px 5px;
}

.fieldsEditorAddTable {
  display: inline-table;
  table-layout: fixed;
  border-spacing: 5px 3px; /*cellspacing:poor IE support for  this*/
  border-collapse: separate;
  width: auto;
  float: left;
  border: 1px dotted #666666;
  margin: 10px 0px 0px 5px;
}

/* drag and drop */
.droppable-active {
  cursor: move;    
}
.droppable-hover {
  border: 1px dashed #666;
  width: auto !important;
}

/* styles for auto-complete component */
div.wicket-aa {
  font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana;
  font-size: 12px;
  background-color: white;
  border-width: 1px;
  border-color: #ccc;
  border-style: solid;
  padding: 2px;
  margin: 1px 0 0 0;
  text-align:left;
}
div.wicket-aa ul { list-style:none; padding: 2px; margin:0; }
div.wicket-aa ul li.selected { background-color: #ffff00; padding: 2px; margin:0; }

/* embedded hierarchical instance page */
.embeddedHierarchicalTreeCell {
  width: 25%;
}

/* start page */
.startPageBox { width: 20%; height: 100%; vertical-align: top; border: 1px solid #000000; background-color: white; margin: 0 auto; padding: 5px; }

/* search result */
.searchField { margin-top: 10px; margin-bottom: 10px; }
.searchResult { width: 60%; }

/* miscellaneous */

table#exportFormTable td { vertical-align: top; }   

#errorReportForm { color: white; background-color: red; display: block; line-height: 16pt; font-weight: 700; font-size: 115%; margin: 6px 0; padding: 2px; } 

.occurrenceImage {border: 1px solid #999; vertical-align: top}

.confirmBox { width: 400px; border: 2px solid; padding: 7px; background-color: #f22; }

#content { background-image: url('../ontopoly.images.ImageResource/contentbg.gif'); padding: 0px 10px;}

/* Commented Backslash Hack hides rule from IE%-Mac \*/
#header #tabMenu a {float: none;}
/* End IE5-Mac hack */
